
<%--
    Document   : oEstrategico
    Created on : 10/04/2010, 03:05:56 PM
    Author     : LAPTOP01
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<%@ include file="seguridad.jsp" %>
<script src="scripts/ajax.js" language="JavaScript"></script>
<script src="js/calendar.js" language="javascript"></script>
<script src="js/calendar-es.js" language="javascript"></script>
<script src="js/calendar-setup.js" language="javascript"></script>


<script type="text/javascript">
    function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }
    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }

            function eventoSoloNumeros(){


            var key = event.keyCode;

            if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
                event.returnValue = true;
            else
                event.returnValue = false;

        }

        function comboProvincia(){

        var id = document.getElementById("codRegion").value;
        var idDiv = "provincia";
        var metodo = "GET";
        var url = "consultasAjax/comboProvinciaTAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);



    }

    function comboDistrito(){


        var id = document.getElementById("codProvincia").value;

        var idDiv = "distrito";
        var metodo = "GET";
        var url = "consultasAjax/comboDistritoTAjax.jsp?id="+id;
        var cadenaSalida = "";
        var async = true;
        document.getElementById(idDiv).innerHTML;
        autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        //   var capa1= document.getElementById("divTabla");
        //   capa1.innerHTML="";

    }




    



        function insertarsatisfaccion(){
        var form = document.getElementById("FichaForm");
        var tipoOper=2;
        var codDistrito=document.getElementById("codDistrito").value;
        var partic=0;
        if (document.getElementById("partic").checked==true){
            partic=1;
        }
        if (document.getElementById("partic2").checked==true){
            partic=2;
        }
        form.action="Ficha.do?dispatch=grabareditFichaSatisfaccion&codDistrito="+codDistrito+"&tipoOper="+tipoOper+"&partic="+partic;
        form.method="post";
        form.submit();
        alert("Editado Satisfactoriamente!!")
        }



        function viw(){

        document.getElementById("viw").style.display="";
        document.getElementById("viw2").style.display="";
        document.getElementById("viw3").style.display="";

    }
    function notViw(){
        document.getElementById("viw").style.display="none";
        document.getElementById("viw2").style.display="none";
        document.getElementById("viw3").style.display="none";

    }

    function iniciar(){
        if (document.getElementById("partflag").value==1){
            document.getElementById("partic").checked=true;
            document.getElementById("partic2").checked=false;
            notViw();
        }
        if (document.getElementById("partflag").value==2){
            document.getElementById("partic").checked=false;
            document.getElementById("partic2").checked=true;
            viw();
        }



        
    }

    function validar(){

        if (document.getElementById("fechasatisfaccion").value==""){
            alert("Ingrese fecha");
            document.getElementById("fechasatisfaccion").focus();
            return;
        }
        if (document.getElementById("nomevento").value==""){
            alert("Ingrese evento");
            document.getElementById("nomevento").focus();
            return;
        }
        if (document.getElementById("codRegion").value==-1){
            alert("Seleccionar región");
            document.getElementById("codRegion").focus();
            return;
        }
        if (document.getElementById("codProvincia").value==-1){
            alert("Seleccionar provincia");
            document.getElementById("codProvincia").focus();
            return;
        }
        if (document.getElementById("codDistrito").value==-1){
            alert("Seleccionar distrito");
            document.getElementById("codDistrito").focus();
            return;
        }
        if (document.getElementById("genero").value==-1){
            alert("Seleccionar género");
            document.getElementById("genero").focus();
            return;
        }
        if (document.getElementById("edad").value==0){
            alert("Seleccionar edad");
            document.getElementById("edad").focus();
            return;
        }
        if ((document.getElementById("partic").checked==false && document.getElementById("partic2").checked==false)){
            alert("Seleccionar tipo de participación en el evento");
            return;
        }
        if (document.getElementById("partic2").checked==true){
            if ((document.getElementById("satdoc").checked==false && document.getElementById("satdoc2").checked==false)){
            alert("Seleccionar satisfacción sobre docente");
            return;
            }
            if ((document.getElementById("sateq").checked==false && document.getElementById("sateq2").checked==false)){
            alert("Seleccionar satisfacción sobre equipo");
            return;
            }
            if ((document.getElementById("satmat").checked==false && document.getElementById("satmat2").checked==false)){
            alert("Seleccionar satisfacción sobre material deportivo");
            return;
            }
        }
        if ((document.getElementById("satinf").checked==false && document.getElementById("satinf2").checked==false)){
            alert("Seleccionar satisfacción sobre infraestructura");
            return;
        }
        if ((document.getElementById("satpunt").checked==false && document.getElementById("satpunt2").checked==false)){
            alert("Seleccionar satisfacción sobre puntualidad");
            return;
        }
        if ((document.getElementById("satprog").checked==false && document.getElementById("satprog2").checked==false)){
            alert("Seleccionar satisfacción sobre programacion");
            return;
        }
        

        
        if ((document.getElementById("opinion").checked==false && document.getElementById("opinion2").checked==false && document.getElementById("opinion3").checked==false)){
            alert("Seleccionar  opinion");
            return;
        }
        if (document.getElementById("comentario").value==""){
            alert("Ingresar comentario");
            return;
        }





        insertarsatisfaccion();


    }
        


        


        





</script>

<html>
    <script LANGUAGE="JavaScript">
    </script>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Font_Text.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_PageTable.css" >
        <link type="text/css" rel="stylesheet" href="lib/css/Style_Index.css" >
        <link rel="stylesheet" type="text/css" media="all" href="lib/css/calendar-win2k-cold-1.css" title="win2k-cold-1" />

        



        <title>JSP Page</title>
    </head>

    <body onload="iniciar();">
        <center>
            <h1 class="substylo">Ficha Satisfaccion de Participantes y Usuarios</h1>
        </center>
        <div style="overflow: auto; width: 700px; height: 400px">
            <html:form action="Ficha.do?dispatch=editarFichaSatisfaccion" styleId="FichaForm">
                <html:hidden property="codsatisfaccion" styleId="codsatisfaccion"/>
                <html:hidden property="partflag" styleId="partflag"/>
                <table border="0" align="center" cellspacing="0" style="width: 600px" >

                    <tr>
                        <td style="width: 150;">1. Fecha de la Aplicacion de la Ecnuesta</td>
                        <td style="width: 400;">
                            <html:text  styleId="fechasatisfaccion" property="fechasatisfaccion" maxlength="400" readonly="true"/>
                            <img src= "images/calendar.gif" alt="" name="trigger" id="trigger" title="Abrir Calendario" />
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">2. Nombre del Evento(Programa o Actividad)</td>
                        <td style="width: 400;">
                            <html:text  styleId="nomevento" property="nomevento" maxlength="400"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">3. Ubicacion</td>
                    </tr>
                    <tr>
                        <td>
                            Departamento :
                        </td>
                        <td style="width: 400;">
                            <html:select property="codRegion" styleId="codRegion"  onchange="comboProvincia()" >
                                <html:option value="-1">[--Seleccionar Departamento--]</html:option>
                                <html:optionsCollection name="FichaForm" property="listRegion" value="NUM_CODDPTO_PK" label="TX_NOMDPTO" />
                            </html:select>
                        </td>
                    </tr>
                    <tr>
                        <td>Provincia :</td>
                        <td>
                            <div id="provincia">
                                <html:select property="codProvincia" styleId="codProvincia" onchange="comboDistrito()">
                                    <html:option value="-1">[--Seleccionar Provincia--]</html:option>
                                    <html:optionsCollection name="FichaForm" property="listProvincia" value="NUM_CODPRV_PK" label="TX_NOMPRV" />
                                </html:select>
                            </div>
                        </td>

                    </tr>
                    <tr>

                        <td>
                            Distrito :
                        </td>
                        <td>
                            <div id="distrito">
                                <html:select property="codDistrito" styleId="codDistrito">
                                    <html:option value="-1">[--Seleccionar Distrito--]</html:option>
                                    <html:optionsCollection name="FichaForm" property="listDistrtito" value="NUM_CODDIST_PK" label="TX_NOMDIST" />
                                </html:select>
                            </div>
                        </td>

                    </tr>

                    <tr>
                        <td style="width: 150;">4. Datos del Informante</td>
                    </tr>
                    <tr>
                        <td style="width: 150;">Genero</td>
                        <td style="width: 400;">
                            <html:select  styleId="genero" property="genero"  styleClass="select" style="width: 200px">
                                            <html:option value="-1">[--Seleccionar Genero--]</html:option>
                                            <html:option value="1">Masculino</html:option>
                                            <html:option value="2">Femenino</html:option>
                           </html:select>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">Edad</td>
                        <td style="width: 400;">
                            <html:text  styleId="edad" property="edad" maxlength="3" onkeypress="eventoSoloNumeros()"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">5. Su participacion en el evento es como:</td>
                        <td style="width: 400;">
                            Espectador
                            <html:radio property="partic"  styleId="partic" value="1" onclick="notViw()"/>
                            Deportista
                            <html:radio property="partic"  styleId="partic2" value="2" onclick="viw()"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">6. Se encuentra satisfecho con:</td>
                    </tr>
                    <tr id="viw">
                        <td style="width: 150;">El docente:</td>

                        <td style="width: 400;">
                            Si
                            <html:radio property="satdoc"  styleId="satdoc" value="1" />
                            No
                            <html:radio property="satdoc"  styleId="satdoc2" value="2" />
                        </td>
                    </tr>
                    <tr id="viw2">
                        <td style="width: 150;">Los equipos:</td>
                        <td style="width: 400;">
                            Si
                            <html:radio property="sateq"  styleId="sateq" value="1" />
                            No
                            <html:radio property="sateq"  styleId="sateq2" value="2" />
                        </td>
                    </tr>
                    <tr id="viw3">
                        <td style="width: 150;">El material deportivo:</td>
                        <td style="width: 400;">
                            Si
                            <html:radio property="satmat"  styleId="satmat" value="1" />
                            No
                            <html:radio property="satmat"  styleId="satmat2" value="2" />
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">La infraestructura:</td>
                        <td style="width: 400;">
                            Si
                            <html:radio property="satinf"  styleId="satinf" value="1" />
                            No
                            <html:radio property="satinf"  styleId="satinf2" value="2" />
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">La organizacion:</td>
                    </tr>
                    <tr>
                        <td style="width: 150;">Puntualidad</td>
                        <td style="width: 400;">
                            Si
                            <html:radio property="satpunt"  styleId="satpunt" value="1" />
                            No
                            <html:radio property="satpunt"  styleId="satpunt2" value="2" />
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">Programacion</td>
                        <td style="width: 400;">
                            Si
                            <html:radio property="satprog"  styleId="satprog" value="1" />
                            No
                            <html:radio property="satprog"  styleId="satprog2" value="2" />
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">7. En su opinion el evento ha parecido</td>
                        <td style="width: 400;">
                            Bueno
                            <html:radio property="opinion"  styleId="opinion" value="1" />
                            Regular
                            <html:radio property="opinion"  styleId="opinion2" value="2" />
                            Malo
                            <html:radio property="opinion"  styleId="opinion3" value="3" />
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 150;">8. Comentario o Sugerencia</td>
                        <td style="width: 400;">
                            <html:textarea  styleId="comentario" property="comentario" rows="5" cols="20"/>
                        </td>
                    </tr>
                    <tr>
                       <td colspan="2" align="center"><input type="button" id="grabarsatisfaccion" value="Editar" onclick="validar()" class="submit2"/></td>
                    </tr>
                </table>

                <div id="divTabla" style="width:100%">
                    
                </div>
        


            </html:form>
            <script>
                                Calendar.setup(
                {
                  inputField  : "fechasatisfaccion",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger"       // ID of the button
                }
                );
                            </script>
       </div>
    </body>
</html>